<!DOCTYPE HTML>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>upm.io</title>
        <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
        <link rel="stylesheet" href="assets/css/main.css" />
    </head>
    <body class="chart page-index" data-page="index">
        <?php include("common-tpl/topnav.php") ?>
        <?php include("common-tpl/topstatus.php") ?>


        <div class="container ptm pbm">
            <p id="timeout_btns" class="text-right">
                <a>30分钟</a>
                <a>1小时</a>
                <a>2小时</a>
                <a>6小时</a>
                <a>12小时</a>
                <a>1天</a>
                <a>7天</a>
            </p>
        </div>
        <div class="container ptm pbm">
            <!-- <div class="col-md-2" id="leftNavWrap">
                <div id="quick_nav" class="quick_nav">
                    <div class="clearfix">
                        <div class="fn-left">
                            <h4>快捷菜单</h4>
                        </div>
                        <div class="fn-right">
                            <div class="dropdown">
                              <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
                                <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                              </button>
                              <ul id="quick_nav_dropdown" class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation"><a role="menuitem" tabindex="-1">Edit</a></li>
                              </ul>
                            </div>
                        </div>
                    </div>
                    <table class="table table-bordered">
                        <tr>
                          <td>项目清单</td>
                          <td>
                              <span class="text-danger"><span aria-hidden="true" class="glyphicon glyphicon-info-sign"></span>1</span>
                          </td>
                        </tr>
                        <tr>
                          <td>服务状态</td>
                          <td></td>
                        </tr>
                        <tr>
                          <td>主机池</td>
                          <td>
                              <span class="text-danger"><span aria-hidden="true" class="glyphicon glyphicon-info-sign"></span>1</span>
                          </td>
                        </tr>
                        <tr>
                          <td>资源诊断</td>
                          <td></td>
                        </tr>
                        <tr>
                          <td>仓库清单</td>
                          <td></td>
                        </tr>
                        <tr>
                          <td>运行日志</td>
                          <td></td>
                        </tr>
                        <tr>
                          <td>系统维护</td>
                          <td></td>
                        </tr>
                    </table>
                    <div class="submit_bar clearfix"><button class="form_submit fn-right">确定</button></div>
                </div>
                
            </div> -->
            <div class="col-md-12">
                <h4>状态与统计</h4>
                <div class="row pbl">
                    <div class="col-md-6">
                        <div id="chart1" class="border_1_ccc"></div>
                    </div>
                    <div class="col-md-6">
                        <div id="chart2" class="border_1_ccc"></div>
                    </div>
                </div>
                <div class="row pbl">
                    <div class="col-md-12">
                        <div class="border_1_ccc" id="f4h4">
                            <div class="row" id="pt0629">
                                <h4 class="plll">主机池使用统计</h4>
                                <div class="col-md-4">
                                    <div id="" class="ct"></div>
                                </div>
                                <div class="col-md-4">
                                    <div id="" class="ct"></div>
                                </div>
                                <div class="col-md-4"> 
                                    <div id="" class="ct"></div>
                                </div>
                            </div>
                            <div class="row" id="pt0804" style="display:none;">
                                <h4 class="plll">主机池使用统计</h4>
                                <div class="col-md-4">
                                    <div id="" class="ct"></div>
                                </div>
                                <div class="col-md-4">
                                    <div id="" class="ct"></div>
                                </div>
                                <div class="col-md-4"> 
                                    <div id="" class="ct"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row pbl">
                    <div class="col-md-12">
                        <div class="border_1_ccc">
                            <div class="row">
                                <h4 class="plll">网络资源池 使用统计</h4>
                                <div class="col-md-6">
                                    <div id="chart5"></div>
                                </div>
                                <div class="col-md-6">
                                    <div id="chart6"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row pbl" style="display:none;">
                    <div class="col-md-6">
                        <div id="chart7" class="border_1_ccc"></div>
                    </div>
                    <div class="col-md-6">
                        <div id="chart8" class="border_1_ccc"></div>
                    </div>
                </div>
                <div class="row pbl" style="display:none;">
                    <div class="col-md-12">
                        <h4>Top 10 资源运行项目</h4>
                        <table class="table table-bordered">
                            <tr>
                                <th></th>
                                <th>项目名称</th>
                                <th>服务</th>
                                <th>处理器</th>
                                <th>内存</th>
                                <th>磁盘I/O</th>
                                <th>网络I/O</th>
                                <th>展开</th>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>持卡人营销平台</td>
                                <td></td>
                                <td>70%</td>
                                <td>50%</td>
                                <td>40%</td>
                                <td>60%</td>
                                <td>
                                    <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>易支付II期</td>
                                <td></td>
                                <td>70%</td>
                                <td>50%</td>
                                <td>40%</td>
                                <td>60%</td>
                                <td>
                                    <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>苏宁易购导入</td>
                                <td></td>
                                <td>70%</td>
                                <td>50%</td>
                                <td>40%</td>
                                <td>60%</td>
                                <td>
                                    <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>消费积分抽奖</td>
                                <td></td>
                                <td>70%</td>
                                <td>50%</td>
                                <td>40%</td>
                                <td>60%</td>
                                <td>
                                    <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>银证通III期</td>
                                <td></td>
                                <td>70%</td>
                                <td>50%</td>
                                <td>40%</td>
                                <td>60%</td>
                                <td>
                                    <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td>商旅积分兑换</td>
                                <td></td>
                                <td>70%</td>
                                <td>50%</td>
                                <td>40%</td>
                                <td>60%</td>
                                <td>
                                    <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>7</td>
                                <td>理财直通车</td>
                                <td></td>
                                <td>70%</td>
                                <td>50%</td>
                                <td>40%</td>
                                <td>60%</td>
                                <td>
                                    <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>8</td>
                                <td>车贷VIP</td>
                                <td></td>
                                <td>70%</td>
                                <td>50%</td>
                                <td>40%</td>
                                <td>60%</td>
                                <td>
                                    <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>9</td>
                                <td>投融资II期</td>
                                <td></td>
                                <td>70%</td>
                                <td>50%</td>
                                <td>40%</td>
                                <td>60%</td>
                                <td>
                                    <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <td>10</td>
                                <td>融资融券</td>
                                <td></td>
                                <td>70%</td>
                                <td>50%</td>
                                <td>40%</td>
                                <td>60%</td>
                                <td>
                                    <button class="btn btn-default btn-sm dropdown-toggle" type="button" id="expansion1" data-toggle="dropdown" aria-expanded="true">
                                        <span aria-hidden="true" class="glyphicon glyphicon-triangle-bottom"></span>
                                    </button>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        



        <?php include("common-tpl/bottomtpl.php") ?>
        
        <script src="assets/js/seajs/sea.js"></script>
        <script type="text/javascript">
            seajs.use('seajs/compass.js');
        </script>
    </body>
</html>
